import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

import { Lazyload, Tabbar, TabbarItem, Swipe, SwipeItem, 
  Grid, GridItem, Field, Button, Toast, SwipeCell, Checkbox, 
  Stepper, SubmitBar, List, PullRefresh,
  GoodsAction, GoodsActionIcon, GoodsActionButton, Dialog, Sku } from "vant";
// 轮播  Lazyload图片懒加载
Vue.use(Lazyload).use(Swipe).use(SwipeItem)
// 底部标签栏
Vue.use(Tabbar).use(TabbarItem)
// Grid宫格
Vue.use(Grid).use(GridItem)
// 输入框组件
Vue.use(Field).use(Button)
// 轻提示
Vue.use(Toast)
// 滑动单元格
Vue.use(SwipeCell)
// 多选框
Vue.use(Checkbox)
// 步进器
Vue.use(Stepper)
// 提交订单组件
Vue.use(SubmitBar)
// 下拉刷新，上拉加载
Vue.use(List).use(PullRefresh)
// 商品导航
Vue.use(GoodsAction).use(GoodsActionIcon).use(GoodsActionButton)
// 弹出层
Vue.use(Dialog)
// 加入购物车的Sku
Vue.use(Sku)
import 'vant/lib/index.css';
// 字体图标
import "./assets/iconfont/iconfont.css"

Vue.config.productionTip = false;
import 'lib-flexible'

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
